/**
 * @class tuan.view.khachang.KhachHangPanel
 * @extends extendsClass
 * Description
 */

 usernameTest = /^[A-Za-z]\w+$/;
 Ext.apply(Ext.form.field.VTypes, {
    //  vtype validation function
    username: function(val, field) {
    	return usernameTest.test(val);
    },
    // vtype Text property: The error text to display when the validation function returns false
    usernameText: "Tên không được chứa khoảng trắng hay ký tự đặc biệt, chấp nhận '_'",
    // vtype Mask property: The keystroke filter mask
    usernameMask: /[a-zA-Z \w]/
});

// telNumberVType = {
//  	telNumber: function(val, field){
// 		var telNumberRegex = /^\d{3,4}\-\d{3,4}\-\d{3,5}$/;
// 		return telNumberRegex.test(val);
// 	},
// 	telNumberText: 'Số điện thoại phải chứa toàn ký tự số và ký tự "-"',
// 	telNumberMask: /[\d\-]/
// };
// Ext.apply(Ext.form.field.VTypes, telNumberVType);

Ext.define('tuan.view.khachhang.KhachHangPanel', {
	extend: 'Ext.form.Panel',
	height: '100%',	
	xtype : "homedetailaccountpanel",
	model : 'tuan.model.CustomerModel',
	border: false,
	itemId : "detail_panel_account",
	items: [
	{
		xtype: "fieldset", title: "Details",
		height: '100%',	
		defaults: { xtype: "textfield" },
		items: [
		{ 
			name: "id",
			fieldLabel: "(#id)",
			allowBlank : false,
			vtype : "username",
			msgTarget : "side",
		},
		{
			name: "fullname",
			fieldLabel: "Tên đầy đủ",
			allowBlank : false,
			msgTarget : "side",
		},
		{ 
			name: "address", 
			fieldLabel: "Địa Chỉ",
			allowBlank : false ,
			msgTarget : "side", 
			xtype : 'textarea',
			width : 300
		},
		{
			name : "phone",
			fieldLabel : "Số điện thoại",
			allowBlank : false,
			msgTarget : "side", 
			vtype : 'telNumber'
		},
		{
			name : "billing_address",
			fieldLabel : "Địa chỉ gởi hàng",
			xtype :'textarea',
			allowBlank : false,
			msgTarget : "side", 
			width     : 300,
		},
		{
			name : "note",
			fieldLabel : "Ghi chú",
			xtype :'textarea',
			allowBlank : false,
			msgTarget : "side", 
			width     : 300,
		},
		{ 
			xtype : "button", 
			text: "Update",
			id : "btnUpdate",
			margin : 20
		}
		]
	}
	]
});

